import { ref, computed } from 'vue'
import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', () => {
  const count = ref(0)
  const doubleCount = computed(() => count.value * 2)
  function increment() {
    count.value++
  }

  return { count, doubleCount, increment }
})


export const useUserStore = defineStore('user', {
  state() {
    const user = reactive({
      username: 'admin',
      role: 'admin_role',
      token: 'token_admin'
    })
    const messageCnt = ref(0)
    return {
      user,
      messageCnt
    }
  },
  getters: {
    msgPro: state => state.messageCnt + 'msg!!!'
  },
  actions: {
    changeUserRole() {
      this.user.role = 'admin_role_change';
      this.messageCnt += 1;
    }
  }
})